<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<link type="text/css" href="static/css/smoothness/jquery-ui-1.8.21.custom.css" rel="stylesheet" />
<link type="text/css" href="static/css/banner.css" rel="stylesheet" />

<script type="text/javascript" src="static/js/common/jquery-1.7.2.min.js"></script>
<script type="text/javascript" src="static/js/common/jquery-ui-1.8.21.custom.min.js"></script>
<script type="text/javascript" src="static/js/pagejs/banner.js"></script>
<script type="text/javascript" src="static/js/pagejs/ConfModule.js"></script>


<style type="text/css">
	#moduleSelect .ui-selecting { background: #FECA40; }
	#moduleSelect .ui-selected { background: #F39814; color: white; }
	#moduleSelect, #tableList, #allTableList { list-style-type: none; margin: 0; padding: 0; width: 95%; }
	#moduleSelect li, #tableList li, #allTableList li  { margin: 3px; padding: 0.4em; font-size: 1.4em; height: 18px; }
	#divModuleList { width: 250px; height: 500px; padding: 0.5em; float: left; margin: 10px;overflow-x: auto; }
	#divTablelist, #divAllTable { width: 300px; height: 500px; padding: 0.5em; float: left; margin: 10px;overflow-x: auto; }
	#chooseTable {padding: .4em .4em .4em .4em;}
</style>

<title>模块配置</title>
</head>
<body>
	<div id="mainbody">
	<table>
		<tr>
			<td style="text-align:center;font-size: 1.4em;">模块</td>
			<td style="text-align:center;font-size: 1.4em;">模块拥有的表</td>
			<td style="text-align:center;font-size: 1.4em;">所有表</td>
		</tr>
		<tr>
			<td>
				<div id="divModuleList" class="ui-widget-content">
					<ul id="moduleSelect">
					</ul>
				</div>
			</td>
			<td>
				<div id="divTablelist" class="ui-widget-content">
					<div class="ui-widget-content">
						<input id="tableNameAutocomplete" style="width: 220px;height: 18px;" />
						<!-- a id="chooseTable" class="ui-state-default ui-corner-all"><span class="ui-icon ui-icon-check"></span></a>  -->
						<button id="chooseTable"></button>
					</div>
					<div id="divTableDraggable" style="height: 420px;overflow-x: auto;">
						<ul id="tableList">
						</ul>
					</div>
					<div id="divDelTableDraggable" style="text-align:right;">
						<a><img src="images/33.png" /></a>
					</div>
				</div>
			</td>
			<td>
				<div id="divAllTable" class="ui-widget-content">
					<ul id="allTableList">
					</ul>
				</div>
			</td>
		</tr>
	</table>
	</div>
</body>
</html>